<template>
  <div class='detail'>
    <p>是否需要个人简历：<span class="color-red">{{info.resume == 1? '需要' : '不需要'}}</span></p>
    <p>联系方式：<span class="color-green active" @click.stop="sendNews(info,'tel')">{{info.contact}}</span></p>
    <p>截止时间：{{info.endtime}}</p>
    <p class="intro"><span>项目简介：</span>{{info.intro}}</p>
    <p class="intro"><span>招募人数：</span>{{info.num}}</p>
    <p class="intro"><span>招募要求：</span>{{info.command}}</p>
  </div>
</template>
<script>
export default {
  props:["info"],
  components: {},
  name: "",
  data() {
    return {};
  },
  methods: {
    sendNews(info,type){
      switch(type){
        case /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/:_g.telTo(info.contact);break;
        case /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/:_g.emailTo(info.email);break;
      }
    }
  },
  created() {}
};
</script>
<style lang="scss" scoped>
.detail {
  padding: 0;
  color: #666;
  font-size: 13px;
  p{
    width: 100%;
    line-height: 45px;
    overflow-wrap: break-word;
    
  }
  .intro{
    >span{
      // font-weight: 700;
    }
  }
  .active:active{
    background-color: transparent;
  }
}
</style>